/*
 * @Description: 处理图片懒加载
 * @Author: buwei.huang
 * @Date: 2019-07-01 17:56:53
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-07-01 17:58:41
 * 参考https://github.com/lzxb/lazy-load-img
 */
import LazyLoadImg from 'lazy-load-img'

function LazyLoadInit(name) {
  return new LazyLoadImg({
    el: document.querySelector(name),
    mode: 'default', // 默认模式，将显示原图，diy模式，将自定义剪切，默认剪切居中部分
    time: 300, // 设置一个检测时间间隔
    done: false, // 页面内所有数据图片加载完成后，是否自己销毁程序，true默认销毁，false不销毁
    position: {
      // 只要其中一个位置符合条件，都会触发加载机制
      top: 0, // 元素距离顶部
      right: 0, // 元素距离右边
      bottom: 0, // 元素距离下面
      left: 0 // 元素距离左边
    },
    before: function() {},
    success: function(el) {
      el.classList.add('success')
    },
    error: function(el) {}
  })
  // lazyLoadImg.start() // 重新开启懒加载程序
  // lazyLoadImg.destroy() // 销毁图片懒加载程序
}

export { LazyLoadInit }
